<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>All Doughnuts</title>
	<link rel="shortcut icon" type="image/x-icon" href="../css/images/favicon.ico" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="all" />
	
	<script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
	<script src="../js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="../js/functions.js" type="text/javascript"></script>
</head>

<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- header -->
		<div class="header">
			<!-- shell -->
			<div class="shell">
				<h1 id="logo"><a href="#">cafe</a></h1>
				<div class="testimonials">
					<div class="testimonials-slider flexslider">
						<ul class="slides">
							<li>
								<h4>"The best espresso in downtown!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - John Cooper, Gourmet</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Yummy cupcakes and donuts!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
									<a href="#"></a>
								</div>
								<p> - Ann Doe, Teacher</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Had a real fun there!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Lisa Doe, Lawyer</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Great atmosphere!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - Gordon Doe, Manager</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Tastes good!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Orman Kent, Architect</p>
								<div class="cl">&nbsp;</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- header-right -->
				<div class="header-right">
					<div class="subscribe">
						<a href="../user/login.jsp"><span></span>VIP Log in</a></div>
					<div class="socials">
						<a href="#" class="facebook-ico">facebook</a>
						<a href="#" class="twitter-ico">twitter</a>
					</div>
					<div class="cl">&nbsp;</div>
				</div>
				<div class="cl">&nbsp;</div>
				<!-- end of header -->
				<!-- navigation -->
				<nav id="navigation">
					<ul>
						<li><a href="../home/home.html">Homepage</a></li>
						<li><a href="../user/register.jsp">Register</a></li>
						<li><a href="../user/chargeaccount.jsp">Charge</a></li>
						<li><a href="../user/payfee.jsp">Pay Anually</a></li>
						<li><a href="../user/cancelvip.jsp">Cancel Account</a></li>
						<li><a href="../showsale.user">Orders</a></li>
						<li><a href="../return.vip">Return</a></li>
					</ul>
				</nav>
				<!-- end of navigation -->
				<!-- slider-holder -->
				<div class="slider-holder">
					<span class="left"></span>
					<span class="right"></span>
					<!-- flexslider -->
					<div class="big-slider">
						<ul class="slides">
							<li>
								<img src="../css/images/dessert/doughnut.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp; Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=23" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut2.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=24" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut3.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=25" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut4.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=26" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut5.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=27" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut6.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=28" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut7.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=29" class="red-btn">Buy Now!</a>
								</div>
							</li>
							<li>
								<img src="../css/images/dessert/doughnut8.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Doughnut <br />&amp;  Fantastic Tastes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="../seedetail.goods?goods_id=30" class="red-btn">Buy Now!</a>
								</div>
							</li>
						</ul>
					</div>
					<!-- end of flexslider -->
				</div>
				<!-- end of slider -->
			</div>
			<!-- end of shell -->
		</div>
		<!-- end of header -->
		<!-- main -->
		<div class="main">
			<div class="shell">
				<!-- cols -->
				<section class="cols">
					<div class="col">
						<h3>Fantastic Donuts </h3>
						<img src="../css/images/cols-img.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Lorem ipsum dolor sit amet, con<br />sectetur adipiscing elit. Cras molestie condimentum conse am leom.</p>
							<a href="../goods/alldoughnuts.jsp" class="dot">All Donuts</a>
						</div>
					</div>
					<div class="col">
						<h3>Delicious Cupcakes</h3>
						<img src="../css/images/cols-img2.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libert.</p>
							<a href="../goods/allcakes.jsp" class="dot">All Cakes</a>
						</div>
					</div>
					<div class="col">
						<h3>Amazing Coffee</h3>
						<img src="../css/images/cols-img3.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
							<a href="../goods/alldrinks.jsp" class="dot">All Coffee</a>
						</div>
					</div>
					<div class="cl">&nbsp;</div>
				</section>
				<!-- end of cols -->
				<!-- content -->
				<div class="content">
					<h3>What's New</h3>
					<div class="entry">
						<div class="date">
							<strong>25<small>2012</small></strong>
							<em>APR</em>
						</div>
						
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
					<div class="entry">
						<div class="date">
							<strong>22<small>2012</small></strong>
							<em>APR</em>
						</div>
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
				</div>
				<!-- end of content -->
				<!-- sidebar -->
				<aside class="sidebar">
					<div class="widget">
						<div class="facebook-social">
							<img src="../css/images/facebook-img.png" alt="" />
						</div>
					</div>
				</aside>
				<!-- end of sidebar -->
				<div class="cl">&nbsp;</div>
			</div>
		</div>
		<!-- end of main -->
		<div id="footer-push"></div>
	</div>
	<!-- end of wrapper -->
	<div id="footer">
		<div class="shell">
			<div class="footer-nav">
				<ul>
					<li><a href="../home/home.html">Homepage</a></li>
					<li><a href="../user/register.jsp">Register</a></li>
					<li><a href="../user/chargeaccount.jsp">Charge</a></li>
					<li><a href="../user/payfee.jsp">Pay Anually</a></li>
					<li><a href="../user/cancelvip.jsp">Cancel Account</a></li>
					<li><a href="../showsale.user">Orders</a></li>
					<li><a href="../return.vip">Return</a></li>
				</ul>
			</div>
			<p class="copy">?Copyright 2012<span>|</span>Cafe CSS Template. Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a></p>
		</div>
	</div>
</body>
</html>